/*
Css File for the Aman Movement
 */

// Font - Declarations
@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTPro-BdCn';
    src: url('../fonts/HelveticaNeueLTPro-BdCn.eot?') format('eot'), 
         url('../fonts/HelveticaNeueLTPro-BdCn.otf')  format('opentype'),
         url('../fonts/HelveticaNeueLTPro-BdCn.woff') format('woff'), 
         url('../fonts/HelveticaNeueLTPro-BdCn.ttf')  format('truetype'),
         url('../fonts/HelveticaNeueLTPro-BdCn.svg#HelveticaNeueLTPro-BdCn') format('svg');
         font-weight: normal;
         font-style: normal;
}

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

// 2) Sass Variables, Functions, Mixins and etc.
    $opensans:'Open Sans';
    $bebas:'HelveticaNeueLTPro-BdCn';

    // Colors Declaration
    $deepgreen : #00233a;
    $white:#ffffff;
    $black: #000000;
    $blue: #0072bc;
    // $blue: #92161d;
    $greywhite:#ebebeb;

 @mixin button($bgr:$blue,$tcolor:$white,$hbgr:$black,$htcolor:$white){
        padding: 4px 10px;
        background-color: $bgr;
        border:none;
        font-family: $bebas !important;
        border-radius: 0;
        color:$tcolor;
        &:hover{
            color:$htcolor;
            background-color: $hbgr;
        }
    }
    
    // screen Sizes Declaration for media queries
   // Repeated Class Declaration

/* 
3)  Browser Resets.
*/
ul,ol{
    font-family: $opensans;
    font-size: 16px;
    padding-left:20px;
}
li{
    font-family:$opensans;
    font-size:15px;
}
body{
    padding: 0;
    margin:0;
    background:$greywhite;
    color:$black;
}
h1,h2,h3,h4,h5,h6{
    font-family: $bebas;
}
h1{
    font-size:22px;
}
h2{
    font-size:19px;
}
h3{
    font-size:16px;
}
h4{
    font-size:13px;
}
h5{
    font-size:12px;
}
h6{
    font-size:11px;
}
::selection{
    color:$white;
    background-color: $blue;
}
::-moz-selection {
    color:$white;
    background-color: $blue;
}
a{
    color:$black;
    text-decoration: none;
    font-family: $opensans;
    font-size: 11px;
    &:hover{
        color:$blue;
        text-decoration: none;
    }
    //need to be changed in main sass
    &:focus{
        text-decoration: none;
        outline: none;
    }
}
p{
    font-family: 'verdana';
    font-size: 14px;
}
::-webkit-input-placeholder {
   font-family: 'verdana';
   font-size: 14px;
   color:$black;
}
:-moz-placeholder { /* Firefox 18- */
   font-family: 'verdana';
   font-size: 14px;
   color:$black;  
}


::-moz-placeholder {  /* Firefox 19+ */
   font-family: 'verdana';
   font-size: 14px;
   color:$black;  
}

:-ms-input-placeholder {  
   font-family: 'verdana';
   font-size: 14px;
   color:$black;  
}
.panel a{
    color:$blue;
    font-size: 14px;
}
.blue{
    color:$blue !important;
    &:hover{
        color:$black;
    }
}
.red{
    color: red !important;
}
.panel-heading h3{
    font-size:18px;
}
.control-label{
    font-size: 13px;
}
// Import of the files to style different sections of Home page


@import "home.scss";
@import "affidivate.scss";
@import "about.scss";
@import "anti-ragging.scss";
@import "jds.scss";
@import "reports.scss";